<!DOCTYPE html>
<html lang="en">
  <head>
    <title>HTML5 Bootcamp - Hello World</title>
  </head>
  <body>
  		<canvas id="canvas" width="200" height="50"></canvas>
		<script>
				function alterCanvas(){
  				  var canvas=document.getElementById("canvas");
                  var ctx=canvas.getContext("2d");
  				
  				  var grd=ctx.createLinearGradient(0,0,150,10);
                  grd.addColorStop(0,"red");
                  grd.addColorStop(1,"blue");
                  grd.addColorStop(0.5,"yellow");
  				
  				  ctx.fillStyle=grd;
                  ctx.font="30px Arial";
  				  ctx.fillText("Hello World", 10, 50);
				}
		</script>
		
		<button type="button" onclick="alterCanvas()">Greeatings button</button>
  </body>
</html>


